<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="style.css" rel="stylesheet">
    <script src="myjs.js"></script>
</head>
<body>
<div id="box" class="box">
    <ul class="box-img">
        <li class="active1"><img src="1.jpg" alt=""></li>
        <li><img src="2.jpg" alt=""></li>
        <li><img src="3.jpg" alt=""></li>
        <li><img src="4.jpg" alt=""></li>
        <li><img src="5.jpg" alt=""></li>
    </ul>
    <ul class="box-btn">
        <i class="active2"></i>
        <i></i>
        <i></i>
        <i></i>
        <i></i>
    </ul>
    <div id="prev" class="btn-prev"><span>&laquo;</span></div>
    <div id="next" class="btn-next"><span>&raquo;</span></div>
</div>
</body>
</html>